/**
 * name:        商品类型列表
 * author:      wuwq & lyj
 * Time:        18/01/26
 * Copyright:   chinadangmai.com
 */

$(function(){
    $('.search_list ul').append('<div class="none" style="width:100%;height:300px;background: #fff url(../../img/base/loading.gif) center center no-repeat;"></div>')
        // 获取地址栏参数
        var categoryId =GetQueryString("categoryId");
        var parentId = GetQueryString("parentId");
        var pageNo='1';
        // 分配数据
        $.ajax({ 
            type:'post', 
            url:new_url+'shop/search/getCategoryGoodsList', 
            dataType:'json', 
            data:{categoryId:categoryId,pageNo:pageNo,pageSize:'28'}, 
            success:function(e){ 
                
                var search_list_bg = $('#search_list_bg').html(); 
                var style_title_bg = $('#style_title_bg').html(); 
                // 加载商品列表
                function ajax_html(){
                    if(e.data.goodsList.length>'0'){
                        for (var s=0; s<e.data.goodsList.length; s++){
                            var str = e.data.goodsList[s].goodsImg;
                            var str1 = str.replace('dangmai', 'bgemall');
                            var t=template(
                                search_list_bg, {
                                    list: [{
                                        goodsImg:str1,
                                        name:e.data.goodsList[s].name,
                                        price:e.data.goodsList[s].price, 
                                        goodsId:e.data.goodsList[s].goodsId,
                                        categoryId:e.data.goodsList[s].categoryId,
                                        marketprice:e.data.goodsList[s].marketPrice,
                                    }]
                                }
                            );                                      
                            $('.search_list ul').append(t);
                            $('.none').remove();
                            $('#more').show();
                            if(e.pageInfo.totalPages=='1'){
                                $('#more').text('没有更多了').css({
                                    'background':'#ccc'
                                })
                                $('#more').click(function(){
                                    tc('没有更多了')
                                })
                            }  
                        }
                    }else{
                        $('#more').hide();
                        $('.search_list').append('<div style="margin:auto; text-align: center; font-size: 16px; line-height: 500px;">暂无数据</div>')
                        $('.none').remove();
                    }
                }
                // 加载二级分类
                function ajax_html_two(){
                    if(e.data.childCategory.length>0){
                        $('.style_title ul').append('<li class="active" data-category-id="0">全部(0)</li>');
                        $('.style_title li:first').text('全部('+e.data.categoryList[0].count+')');
                        for (var j=0; j<e.data.childCategory.length; j++){
                            var t1=template(
                                style_title_bg, {
                                    list1: [{
                                        categoryId:e.data.childCategory[j].categoryId,
                                        categoryName:e.data.childCategory[j].categoryName,
                                        count:e.data.childCategory[j].count
                                    }]
                                }
                            ); 
                            $('.style_title ul').append(t1); 
                        }
                    }else{
                        for (var j=0; j<e.data.categoryList.length; j++){
                            var t1=template(
                                style_title_bg, {
                                    list1: [{
                                        categoryId:e.data.categoryList[j].categoryId,
                                        categoryName:e.data.categoryList[j].categoryName,
                                        count:e.data.categoryList[j].count
                                    }]
                                }
                            ); 
                            $('.style_title ul').append(t1); 
                        }
                        $('.style_title li').last().addClass('active');
                    }
                    
                }

                ajax_html();        // 加载商品列表
                ajax_html_two();        // 加载二级分类
                aa();       // 加载分页

            }
        });
        // 加载分页
        function more(){
            $('#more').click(function(){
                pageNo ++;              
                $.ajax({
                    type:'post', 
                    url:new_url+'shop/search/getCategoryGoodsList', 
                    dataType:'json', 
                    data:{categoryId:categoryId,pageNo:pageNo,pageSize:'28'}, 
                    success:function(e){ 
                    var search_list_bg = $('#search_list_bg').html();
                    for (var s=0; s<e.data.goodsList.length; s++){
                        var str = e.data.goodsList[s].goodsImg;
                        var str1 = str.replace('dangmai', 'bgemall');
                        var t=template(
                            search_list_bg, {
                                list: [{
                                    goodsImg:str1,
                                    name:e.data.goodsList[s].name,
                                    price:e.data.goodsList[s].price, 
                                    goodsId:e.data.goodsList[s].goodsId,
                                    categoryId:e.data.goodsList[s].categoryId,
                                    marketprice:e.data.goodsList[s].marketPrice,
                                }]
                            }
                        );  
                        if(pageNo<=e.pageInfo.totalPages){
                            $('.search_list ul').append(t);
                            
                        }
                        if(pageNo==e.pageInfo.totalPages){
                            $('#more').text('没有更多了').css({
                                'background':'#ccc'
                            })
                            $('#more').click(function(){
                                tc('没有更多了')
                            })
                        }                                    
                    }
                    }
                })
            })
        }
        more();
        // 采用正则表达式获取地址栏参数
        function GetQueryString(name){
            var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
            var r = window.location.search.substr(1).match(reg);
            if(r!=null)return  decodeURI(r[2]); return null;
        }

        function aa(){
            $('.style_title li').each(function(index,t){
                var a = $(this).attr("data-category-id");
                // var num = 0;    // 子分类商品数量
                // var sum = 0;    // 全部商品数量
                // $('.style_title ul li').each(function(){
                //     // if($(this).attr("data-category-id")==a){
                //     //     num += 1;
                //     // }
                //     // sum +=1;
                //     console.log($(this).attr('data-category-count'));
                    
                // });
                // $('.style_title li:first').text('全部('+sum+')')
                // $(this).children("span").html("("+num+")");
                var wid=''
                wid=parseInt($(t).width());
                $('.style_title ul').css('width',(wid+28)*(index+1))
                if($('.style_title ul').width()>$('.style_title').width()){
                    $('.style_title').append('<div class="next"></div>');
                    var l=0                    
                    $('.next').click(function(){                           
                        l+=parseFloat(wid)                                                                
                        var w=parseInt($('.style_title ul').width())
                        var t_w=parseInt($('.style_title').width()) 
                        if(l<=(w-t_w)+40){
                            $('.style_title ul').css({
                                'margin-left':-l,
                                'transition':'all 0.3s'
                            })
                        }
                        else{
                            l=0
                            $('.style_title ul').css({
                                'margin-left':l,
                                'transition':'all 0.3s'
                            })  
                        }
                    })
                }
            });
            $('.style_title li').click(function(){
                if($(this).index() != 0){
                    $(this).addClass('active').siblings().removeClass('active');
                    var a = $(this).attr("data-category-id");
                    $('#more').hide();
                    $('.search_list ul li').each(function(){
                        $(this).show();
                        if($(this).attr("data-category-id")!=a){
                            $(this).hide();
                        }
                    });
                }else{
                    $(this).addClass('active').siblings().removeClass('active');
                    $('.search_list ul li').show();
                    $('#more').show();
                }  
            });
            
        }

    });